@charset 'utf-8';
*{
    margin: 0 ;
    padding: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.site-nav{
    width: 100%;
    background-color: #f5f5f5;
    .site-nav-bd{
        width: 1190px;
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        margin: 0 auto;
        a{
            font-size: 7px;
            color: #6c6c6c;
            &:hover{
                color: red;
            }
        }
        .site-nav-bd-l{
            float: left;
            >li{
                padding: 0 6px 0 6px;
                float: left;
                a{
                    margin-right: 7px; 
                }
                div{
                    .first{
                        color: red;
                    }
                }
            }
        }

        .site-nav-bd-r{
            float: right;
            >li{
                float: left;
                padding: 0 6px 0 6px;
                >a{
                    margin-right: 7px;
                }
                >ul{
                    display: none;
                    line-height: 30px;
                    border: 1px solid #EEEEEE;
                    border-top: 1px solid #FFF;
                    padding-left: 6px;
                }
            }
            >.bg{
                position: relative;
                >ul{
                    
                    width: 80px;
                    position: absolute;
                    top: 35px;
                    left: 0px;
                    >li:hover{
                        background-color: #d6d6d6;
                    }
                }
            }
            >.bg:hover{
                background-color: #fff;
                // border: 1px solid #EEEEEE;
                >ul{
                    display: block;
                    z-index: 5;
                }
            }
        }
    }
}

.pape{
    width: 900px;
    height: 43px;
    padding: 20px 0;
    // background-color: #6c6c6c;
    margin: 0 auto;
    // overflow: hidden;
    .logo{
        height: 43px;
        // display: inline-block;
    }
    div{
        height: 43px;
        line-height: 28px;
        font-size: 22px;
        font-weight: 400;
        display: inline-block;
        margin-left: 6px;
        vertical-align: middle;
    }
}

.register-son-container{
    width: 100%;
    margin-top: 153px;
    .reg-form{
        width: 380px;
        margin: 0 auto;
        .reg-form-item{
            width: 380px;
            height: 36px;
            margin-top: 20px;
            span{
                color: #111;
                font-size: 14px;
                height: 36px;
                line-height: 36px;
                // display: inline-block;
                float: left;
            }
            .reg-form-item-r{
                float: left;
                border: 1px solid #d6d6d6;
                border-radius: 3px;
                margin-left: 8px;
                .cnph{
                    display: inline-block;
                    font-size: 14px;
                    width: 106px;
                    height: 36px;
                    line-height: 36px;
                    padding: 0 10px;
                    border-right: 1px solid #d6d6d6;
                }

                .am-input{
                    float: right;
                    height: 34px;
                    line-height: 34px;
                    input{
                        font-size: 14px;
                        padding-left: 10px;
                        outline: none;
                        border: none;
                        // color: #d6d6d6;
                    }
                    a{
                        color: #ff5000;
                        font-size: 14px;
                        margin-left: 42px;
                    }
                }
            }

        }
    }
}

.am-button{
    display: block;
    margin: 50px 0 0 60px;
    width: 320px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
    background-image: linear-gradient(90deg,#f90,#ff5000);
    color: #fff;
    outline: none;
    border: none;
}

.fm-agreement{
    position: relative;
    margin: 40px 0 0 60px;
    font-size: 13px;
    .check-box{
        // border-radius: 0;
        // border: 1px solid #e9e9e9;
        width: 15px;
        height: 15px;position: absolute;
        top: 1px;
        left: 1px;
    }
    p{
        margin-left: 25px;
        color: #666;
        a{
            color: #fd6020;
        }
    }
}

.to-email-reg{
    margin-top: 30px;

    a{
        display: block;
        text-align: right;
        color: #ff5000;
        font-size: 13px;
    }
}